﻿<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<link href="js/leaflet.css" rel="stylesheet" />
<!--leaflet-velocity-->
<style>
.leaflet-control-velocity {
  background-color: hsla(0, 0%, 100%, .7);
  padding: 0 5px;
  margin: 0!important;
  color: #333;
  font: 11px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.velocity-overlay {
  position: absolute;
  z-index: 1
}
</style>

<style>
body {
  padding: 0;
  margin: 0;
}

#heading {
  text-align: center;
  padding: 20px;
  background: #333;
  color: #CCC;
}

a {
  color: #3388ff;
}

#map {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #ebe3e3;
}

.leaflet-canvas-layer {
  opacity: 0.55;
}

body {
  padding: 0;
  margin: 0;
}
</style>
</head>

<body>
<div id="map"></div>

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/leaflet.js"></script>
<script src="js/leaflet.ChineseTmsProviders.js"></script>
<script src="js/leaflet-velocity.min.js"></script>
<script src="js/Leaflet.LayerGroup.Collision.js"></script>
<script src="js/wind.js"></script>

</body>

</html>